


<style>
.layui-table-cell {
	height: auto;
}
</style>

<fieldset class="layui-elem-field layui-field-title">
	<legend>客房列表</legend>
</fieldset>

<table id="room-list" lay-filter="room-list">
</table>

<script type="text/html" id="room-bar">
  <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-danger" lay-event="del">删除</a>
  <a href="javascript:;" class="layui-btn layui-btn-sm layui-btn-normal" lay-event="edit">编辑</a>
</script>



<script type="text/html" id="img">

{{# if(d.pic!=null){ }}
  <img src="/upload/{{d.pic}}">
  {{# } }}
</script>



<script>
	layui.use([ 'table' ], function() {
		var table = layui.table;
		table.render({
			elem : '#room-list',
			url : '/api/room/search',
			page : true,
			cols : [ [ {
				title : 'ID',
				field : 'id'
			}, {
				title : '房间号',
				field : 'number'
			}, {
				tilte : '图片',
				field : 'pic',
				templet : '#img'
			}, {
				title : '类型',
				field : 'type',
				templet : function(d) {
					// 0 大床房 1 标准间 2 三人间
					return [ '大床房', '标准间', '三人间' ][d.type];
				}
			}, {
				title : '描述',
				field : 'dscp'
			}, {
				title : '价格',
				field : 'price'
			}, {
				title : '状态',
				field : 'status',
				templet : function(d) {
					return [ '正常', '删除' ][d.status];
				}
			}, {
				title : '操作',
				toolbar : "#room-bar"
			}, ] ],
			parseData : function(res) {
				return {
					code : res.code,
					msg : res.msg,
					count : res.data.total,
					data : res.data.list,
				};
			},
		});
		table.on('tool(room-list)', function(obj) {
			if (obj.event == 'del') {
				// alert('del');
				layer.confirm("确定要删除一条数据吗？？？", function(index) {
					layer.close(index);
					$.ajax({
						url : '/api/room/remove',
						data : {
							id : obj.data.id
						},
						dataType : 'json',
						success : function(result) {
							if (result.code > 0) {
								layer.msg('删除成功');
							} else {
								layer.msg(result.msg);
							}
							table.reload("room-list");
						},
						error : function() {
							layer.msg('请求失败');
						}
					});
				});
			} else if (obj.event = 'edit') {
				//alert('edit');
				sessionStorage.setItem('room', JSON.stringify(obj.data));
				layer.open({
					type : 2,
					title : '编辑房间',
					area : [ '500px', '400px' ],
					content : 'room/edit.html',
					end : function() {
						table.reload("room-list");
					}
				});
			}
		});
	});
</script>